﻿Ext.BLANK_IMAGE_URL = 'images/spacer.gif';
Ext.QuickTips.init();

Ext.apply(Ext.QuickTips.getQuickTip(), {
    showDelay: 50, //ms
    //... other config options for Ext.QuickTip
});
    
Ext.onReady(function() {
    //************** MAIN TAB *****************
    var tabMain = new Ext.TabPanel({
        region: 'center',
        activeTab: 0,
        width: 600,
        height: 250,
        //plain=true sets the tab background to use css x-tab-panel-header-plain
        //which is caused the underlying color to come out.  Notice in the master
        //viewport below I've had to set the style to background=white.
        plain: true,  
        defaults: { autoScroll: true },
        items: [
            tabHome,            // lib/tabHome.js
            tabApplications,    // lib/tabApplications.js
            tabSecurity,        // lib/tabSecurity.js
            tabTest,            // lib/tabTest.js
            tabConfigure,       // lib/tabConfig.js
            tabHelp]            // lib/tabHelp.js
    });

    //***** MASTER VIEWPORT ******//
    new Ext.Viewport({
        layout: 'border',
        style: 'background-color: white;',//might need to alter this depending on the header.
        renderTo: Ext.getBody(),
        items: [
            {
                border: false,  //otherwise you get a line around the header
                height: 60,
                region: 'north',
                xtype: 'panel',
                html: '',
                bodyStyle: 'background-color: transparent; background-image: none;'
            },
            tabMain,
            {
                region: 'south',
                xtype: 'panel',
                html: '<a href="extrest.codeplex.com">download</a> | <a href="mailto:extrest@codeplex.com">contact us</a>'
            }
        ]
    });
});